import React from "react"
// import "@/assets/css/home.css"
import s from "@/assets/images/4.jpg"
// import b from "@/assets/images/pkq.jpg"

// const Home = () => (
//   <div className='home'>
//     <h1>Home</h1>
//     <p>急啊急啊</p>
//     <img src={s}></img>
//     <img src={b}></img>
//   </div>
// )

// 创建组件
class Home extends React.Component{
  render() { // 每一个组件必须有 render
    const p = <p>周四了</p>

    const flag = true
    const list = ['a', 'b', 'c']
    const listDom = list.map((item,index) => <li key={index}>{item}</li>)
    console.log(listDom)

    return (
      <div className="home">
        <h3>home</h3>
        {/*  */}
        {p}
        <img src={s}></img>

        {flag ? <p>'true'</p> : <p>'false'</p>}
        {list}
        <ul>
          {listDom}
        </ul>
      </div>
    )
  }
}

export default Home
